<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>北京信息科技大学新闻网详情页</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="fonts/style.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/detail.css">
</head>

<body>
    <div class="bg"></div>
    <div class="top">
        <div class="container">
            <svg class="img1">
                <image xlink:href="images/logo.svg" src="images/logo.png" />
            </svg>
            <img src="images/logo1.png" class="img2" />
            <div class="pull-right top-right">
                <a href="#" class="text">信息科大首页</a>
                <div class="search">
                    <input type="text" placeholder="请输入关键字" />
                    <span class="icon-search4"></span>
                </div>
            </div>
            <div class="pull-right top_nav_right">
                <div class="top_nav_search" data-toggle="modal" data-target="#myModal"></div>
                <div class="top_nav" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"></div>
            </div>
        </div>
    </div>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav nav-justified">
                    <li class="active"><a href="#">综合新闻</a></li>
                    <li><a href="#about">人才培养</a></li>
                    <li><a href="#contact">科研学术</a></li>
                    <li><a href="#">合作交流</a></li>
                    <li><a href="#">文化活动</a></li>
                    <li><a href="#">校园聚焦</a></li>
                    <li><a href="#">校园人物</a></li>
                    <li><a href="#">媒体关注</a></li>
                    <li><a href="#">勤信讲坛</a></li>
                    <li><a href="#">光影校园</a></li>
                    <li><a href="#">视频音频</a></li>
                    <li><a href="#">校园媒体</a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>
    <div class="main-top">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <ul class="breadcrumb">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">综合新闻</a></li>
                        <li class="active">央视新闻 | 潘建伟院士当选</li>
                    </ul>
                    <h3>我校与清华大学出版社联合承办第13期全国高校电子信息类基础课程研修班</h3>
                </div>
                <div class="col-md-4 col-sm-12 text-right">
                    <div class="font">字号选择：<span class="">大</span>／<span class="active">中</span>／<span class="">小</span></div>
                </div>
            </div>
        </div>
    </div>
    <h2>综合新闻 <small>News</small><a href="#">返回首页</a></h2>
    <div class="container m-lr20">
        <div class="row">
            <div class="col-md-8 col-sm-12">
                <h4>我校与清华大学出版社联合承办第13期全国高校电子信息类基础课程研修班</h4>
                <div class="date mat-2"><span class="icon-icon_clock"></span>2018年7月20日 </div>
                <div class="detail">
                    <p>本期研修班的主讲人是来自北京交通大学、北京航空航天大学、北方工业大学和北京信息科技大学的教学名师和教学负责人。自2008年第1期开始，该系列研修班经过了十年的延续，邀请了近百位教学名师作为主讲人，共有来自全国300多所高校的近1500位老师参与其中。</p>
                    <img src="images/1.jpg" />
                    <p>本期研修班的主讲人是来自北京交通大学、北京航空航天大学、北方工业大学和北京信息科技大学的教学名师和教学负责人。自2008年第1期开始，该系列研修班经过了十年的延续，邀请了近百位教学名师作为主讲人，共有来自全国300多所高校的近1500位老师参与其中。</p>
                    <img src="images/1.jpg" />
                    <p>本期研修班的主讲人是来自北京交通大学、北京航空航天大学、北方工业大学和北京信息科技大学的教学名师和教学负责人。自2008年第1期开始，该系列研修班经过了十年的延续，邀请了近百位教学名师作为主讲人，共有来自全国300多所高校的近1500位老师参与其中。</p>
                    <img src="images/1.jpg" />
                </div>
            </div>
            <div class="col-md-4 col-sm-12">
                <div class="title mat-2">相关新闻</div>
                <div class="paly">
                    <a href="#"><img src="images/1.jpg" class="img" /></a><img src="images/paly.png" class="playback" />
                </div>
                <div class="paly_m">
                    <div class="m1">我校与清华大学出版社联合承办第13期全国高校电子信息类基础课程研修班</div>
                    <div class="m2">7月23-24日，第13期全国高校电子信息类基础课程研修班在北京开班。该系列研修班由教育部高等学校电工电子基础课程教学指导…</div>
                </div>
                <div class="list">
                    <div class="list_l">
                        <div class="list_ll">
                            <div class="day">20</div>
                            <div class="month">2018.07</div>
                        </div>
                        <div class="list_lr">
                            <div class="t1">关于为教职工出差统一购买交通意</div>
                            <div class="t2">7月23-24日，第13期全国高校电子信息类基础课</div>
                        </div>
                    </div>
                    <div class="list_l">
                        <div class="list_ll">
                            <div class="day">20</div>
                            <div class="month">2018.07</div>
                        </div>
                        <div class="list_lr">
                            <div class="t1">关于为教职工出差统一购买交通意</div>
                            <div class="t2">7月23-24日，第13期全国高校电子信息类基础课</div>
                        </div>
                    </div>
                </div>
                <div class="show_share">
                    <div class="title">分享本文</div>
                    <div class="share bdsharebuttonbox" data-tag="share_1">
                        <div class="left">
                            <a class="bds_weixin" data-cmd="weixin"></a>
                            <div class="img img1"></div><span>微信</span></div>
                        <div class="left">
                            <a class="bds_tsina" data-cmd="tsina"></a>
                            <div class="img img2"></div><span>微博</span></div>

                        <div class="left">
                            <a class="qzone" data-cmd="qzone" href="#"></a>
                            <div class="img img3"></div>
                            <span>Qzone</span>
                        </div>
                    </div>
                </div>
                <div class="title mat-2">关注官微</div>
                <div class="follow">
                    <h5>
                        <img src="images/9.png" />北京信息科技大学 <small>(微信号：i_bistu）</small>
                        <div class="follow_ceng"><img src="images/4.png" /></div>
                    </h5>
                    <div class="follow_m">
                        <div class="follow_l"><img src="images/4.png" /></div>
                        <div class="follow_r">
                            <span>长按二维码关注</span>
                            <span>北京信息科技大学</span>
                            <span>（微信号：i_bistu）</span>
                        </div>
                    </div>
                </div><!-- 11.26 更新 -->
                <img class="mat-2 imgright" src="images/1.png" />
            </div>
        </div>
    </div>
    <img class="footimg" src="images/2.png" />
    <div class="foot">
        <div class="container">
            <img src="images/foot.png" class="pull-left" />
            <p>Copyright © 2012 北京信息科技大学信息网络中心</p>
            <p><span>京公网安备:110402430033</span>任何技术问题请联系webmaster@bistu.edu.cn </p>
        </div>
    </div>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <input type="text" class="form-control" placeholder="请输入关键词搜索">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-group-12">搜索</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
    <script>
        window._bd_share_config = {
            common: {
                bdText: '自定义分享内容',
                bdDesc: '自定义分享摘要',
                bdUrl: '自定义分享url地址',
                bdPic: '自定义分享图片'
            },
            share: [{
                "bdSize": 32
            }]
        }
        with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=' + ~(-new Date() / 36e5)];
    </script>
</body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>
    $(function() {
        $('.font span').click(function() {
            $('.font span').removeClass('active');
            $(this).addClass('active')
            if ($(this).index() == 0) {
                $('.detail').css('fontSize', '16px');
            } else if ($(this).index() == 1) {
                $('.detail').css('fontSize', '14px');
            } else if ($(this).index() == 2) {
                $('.detail').css('fontSize', '12px');
            }
        })
    })
</script>

</html>